<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        * {
          margin: 0px;
        }
    
        .div1 {
          position: absolute;
          width: 100px;
          height: 100px;
          top: 50px;
          left: 10px;
          background: red;
        }
    </style>
    <script type="text/javascript" src="../../jQuery-JS/myLib.js"></script>
    <script type="text/javascript" src="../../jQuery-JS/jquery-3.6.0.js"></script>
    <script type="text/javascript">
        //在存在变量名冲突的时候myLib中的$()将无法执行，所以需要找到释放$使用权的方法
        //释放$的使用权
        jQuery.noConflict();
        //此时就可以正常调用myLib中的$()
        $()
        //但是释放了$的使用权后，要想用jQuery的功能，只能用jQuery变量名
        console.log(window);
        console.log(jQuery);
    </script>
</head>
<body>
    <!--
        问题：如果有2个库都有$，就存在冲突
        解决：jQuery库可以释放$的使用权，让另一个库可以正常使用，此时jQuery库只能使用jQuery了
        API：jQuery.noConflict()
    -->
</body>
</html>